<?php session_start(); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      
        <meta property="og:title" content="*|MC:SUBJECT|*">
        
		<style type="text/css">
			
			body, #backgroundTable{
				/*@editable*/ background-color:silver;
			}

			#templateContainer{
				/*@editable*/ border: 20px solid #ffffff;
				/*@editable*/ width: 560px;
				
			}
			

			/**
			* @tab Page
			* @section heading 1
			* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
			* @style heading 1
			*/
			h1, .h1{
				/*@editable*/ color:#202020;
				display:block;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:34px;
				/*@editable*/ font-weight:bold;
				/*@editable*/ line-height:100%;
				margin-top:0;
				margin-right:0;
				margin-bottom:10px;
				margin-left:0;
				/*@editable*/ text-align:left;
			}

			/**
			* @tab Page
			* @section heading 2
			* @tip Set the styling for all second-level headings in your emails.
			* @style heading 2
			*/
			h2, .h2{
				/*@editable*/ color:#525252;
				display:block;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:30px;
				/*@editable*/ font-weight:bold;
				/*@editable*/ line-height:100%;
				margin-top:0;
				margin-right:0;
				margin-bottom:10px;
				margin-left:0;
				/*@editable*/ text-align:left;
			}

			/**
			* @tab Page
			* @section heading 3
			* @tip Set the styling for all third-level headings in your emails.
			* @style heading 3
			*/
			h3, .h3{
				/*@editable*/ color:#525252;
				display:block;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:26px;
				/*@editable*/ font-weight:bold;
				/*@editable*/ line-height:100%;
				margin-top:0;
				margin-right:0;
				margin-bottom:10px;
				margin-left:0;
				/*@editable*/ text-align:left;
			}

			/**
			* @tab Page
			* @section heading 4
			* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
			* @style heading 4
			*/
			h4, .h4{
				/*@editable*/ color:#525252;
				display:block;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:22px;
				/*@editable*/ font-weight:bold;
				/*@editable*/ line-height:100%;
				margin-top:0;
				margin-right:0;
				margin-bottom:10px;
				margin-left:0;
				/*@editable*/ text-align:left;
			}

			/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: PREHEADER /\/\/\/\/\/\/\/\/\/\ */

			/**
			* @tab Header
			* @section preheader style
			* @tip Set the background color for your email's preheader area.
			* @theme page
			*/
			#templatePreheader{
				/*@editable*/ background-color:#FAFAFA;
			}

			/**
			* @tab Header
			* @section preheader text
			* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
			*/
			.preheaderContent div{
				/*@editable*/ color:#505050;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:10px;
				/*@editable*/ line-height:100%;
				/*@editable*/ text-align:left;
			}

			/**
			* @tab Header
			* @section preheader link
			* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
			*/
			.preheaderContent div a:link, .preheaderContent div a:visited, /* Yahoo! Mail Override */ .preheaderContent div a .yshortcuts /* Yahoo! Mail Override */{
				/*@editable*/ color:#002145;
				/*@editable*/ font-weight:bold;
				/*@editable*/ text-decoration:underline;
			}

			/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: HEADER /\/\/\/\/\/\/\/\/\/\ */

			/**
			* @tab Header
			* @section header style
			* @tip Set the background color and border for your email's header area.
			* @theme header
			*/
			#templateHeader{
				/*@editable*/ background-color:#FFFFFF;
				
				
			}

			/**
			* @tab Header
			* @section header text
			* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
			*/
			.headerContent{
				/*@editable*/ color:#202020;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:34px;
				/*@editable*/ font-weight:bold;
				/*@editable*/ line-height:100%;
				/*@editable*/ padding:0;
				/*@editable*/ text-align:center;
				/*@editable*/ vertical-align:middle;
				/*@editable*/ background-color:#FFFFFF;
			}
			.unitHeaderContent{
				/*@editable*/ color:#ffffff;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:20px;
				/*@editable*/ font-weight:bold;
				/*@editable*/ line-height:100%;
				/*@editable*/ padding:13px;
				/*@editable*/ text-align:left;
				/*@editable*/ vertical-align:middle;
				/*@editable*/ background-color:#525252;
			}
			
			.introContent {
				/*@editable*/ color:#ffffff;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:12px;
				/*@editable*/ font-weight:normal;
				/*@editable*/ line-height:16px;
				/*@editable*/ padding:0px;
				/*@editable*/ text-align:center;
				/*@editable*/ vertical-align:middle;
				/*@editable*/ background-color:#535353;
				/*@editable*/ margin-top:10px;
				/*@editable*/ margin-bottom:0px;
				
			}
			
			.introContent div{
				/*@editable*/ color:#ffffff;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:12px;
				/*@editable*/ font-weight:normal;
				/*@editable*/ line-height:16px;
				/*@editable*/ padding:15px;
				/*@editable*/ text-align:left;
			}
			
			.unitHeaderContent a:link, .unitHeaderContent a:visited{
				/*@editable*/ color: #ffffff;
				/*@editable*/ text-decoration:none;
			}

			/**
			* @tab Header
			* @section header link
			* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
			*/
			.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
				/*@editable*/ color:#ffffff;
				/*@editable*/ font-weight:bold;
				/*@editable*/ text-decoration:none;
			}

			#headerImage{
				height:auto;
				max-width:560px !important;
			}

			/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: MAIN BODY /\/\/\/\/\/\/\/\/\/\ */

			/**
			* @tab Body
			* @section body style
			* @tip Set the background color for your email's body area.
			*/
			#templateContainer, .bodyContentMain{
				/*@editable*/ background-color:#FFFFFF;
			}
			
			.bodyContent {
				/*@editable*/ background-color:#E0E0E0;
				
			}

			/**
			* @tab Body
			* @section body text
			* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
			* @theme main
			*/
			
			.bodyContentMain {
				/*@editable*/ padding-top:40px;
				/*@editable*/ padding-bottom:40px;
				/*@editable*/ padding-left:15px;
				/*@editable*/ padding-right:15px;
				/*@editable*/ color:#525252;
				
				}
			.bodyContent div{
				/*@editable*/ color:#525252;
				/*@editable*/ font-family: "Open Sans", "Myriad","Trebuchet MS", sans-serif;
				/*@editable*/ font-size:14px;
				/*@editable*/ line-height:150%;
				/*@editable*/ text-align:left;
			}
			
			.bodyContent div h1 {
								letter-spacing: 4px;
								font-weight: 600;
								font-size: 40px;
								color:#525252;
								
			}

			/**
			* @tab Body
			* @section body link
			* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
			*/
			.bodyContent div a:link, .bodyContent div a:visited, /* Yahoo! Mail Override */ .bodyContent div a .yshortcuts /* Yahoo! Mail Override */{
				/*@editable*/ color:#525252;
				/*@editable*/ font-weight:bold;
				/*@editable*/ text-decoration:underline;
				
				
			}

			.bodyContent img{
				display:inline;
				height:auto;
			}

			/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: FOOTER /\/\/\/\/\/\/\/\/\/\ */

			/**
			* @tab Footer
			* @section footer style
			* @tip Set the background color and top border for your email's footer area.
			* @theme footer
			*/
						
			#ubcFooter{
				/*@editable*/ background-color:#0F1D40;
				
				
			}
			
			#ubcFooter div {
				/*@editable*/ color:#ffffff;
				/*@editable*/ font-size:10px;
				/*@editable*/ line-height:14px;
				/*@editable*/ padding-bottom:20px;
				/*@editable*/ padding-top:0px;
			}
			
			#ubcFooter .textAlignRight {
				text-align: right;
			}
			
			#ubcFooter div a:link, #ubcFooter div a:visited {
				/*@editable*/ color:#ffffff;
				/*@editable*/ font-size:10px;
				/*@editable*/ text-decoration:none;
			}

			/**
			* @tab Footer
			* @section footer text
			* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
			* @theme footer
			*/
			.footerContent div{
				/*@editable*/ color:#707070;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:12px;
				/*@editable*/ line-height:125%;
				/*@editable*/ text-align:left;
			}
			
			#unitFooterContactInfo {
				/*@editable*/ color:#707070;
				/*@editable*/ font-family:Arial;
				/*@editable*/ font-size:10px;
				/*@editable*/ line-height:125%;
				/*@editable*/ text-align:left;
			}
			
			#unitFooterContactInfo a:link, #unitFooterContactInfo a:visited {
				/*@editable*/ color:#707070;
				
				
			}

			/**
			* @tab Footer
			* @section footer link
			* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
			*/
			.footerContent div a:link, .footerContent div a:visited, /* Yahoo! Mail Override */ .footerContent div a .yshortcuts /* Yahoo! Mail Override */{
				/*@editable*/ color:#336699;
				/*@editable*/ font-weight:normal;
				/*@editable*/ text-decoration:underline;
			}

			.footerContent img{
				display:inline;
			}

			/**
			* @tab Footer
			* @section social bar style
			* @tip Set the background color and border for your email's footer social bar.
			* @theme footer
			*/
			#social{
				/*@editable*/ background-color:#FAFAFA;
				/*@editable*/ border:0;
			}

			/**
			* @tab Footer
			* @section social bar style
			* @tip Set the background color and border for your email's footer social bar.
			*/
			#social div{
				/*@editable*/ text-align:center;
			}

			/**
			* @tab Footer
			* @section utility bar style
			* @tip Set the background color and border for your email's footer utility bar.
			* @theme footer
			*/
			#utility{
				/*@editable*/ background-color:#FFFFFF;
				/*@editable*/ border:0;
			}

			/**
			* @tab Footer
			* @section utility bar style
			* @tip Set the background color and border for your email's footer utility bar.
			*/
			#utility div{
				/*@editable*/ text-align:center;
			}

			#monkeyRewards img{
				max-width:190px;
			}
		.bodyContentMain1 {				/*@editable*/ background-color:#FFFFFF;
}
.bodyContentMain1 {				/*@editable*/ padding-top:0px;
				/*@editable*/ padding-bottom:40px;
				/*@editable*/ padding-left:15px;
				/*@editable*/ padding-right:15px;
}
.bodyContentMain1 {				/*@editable*/ background-color:#FFFFFF;
}
        .bodyContentMain2 {				/*@editable*/ background-color:#FFFFFF;
}
        </style>
	</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
    	<center>
        	<table border="1" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
            	<tr>
                	<td align="center" valign="top">
                   
                        <!-- // Begin Template Preheader \\ -->
                        <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader">
                            <tr>
                                <td valign="top" class="preheaderContent">
                                
                                	<!-- // Begin Module: Standard Preheader \ -->
                                    
                                    <table border="0" cellpadding="10" cellspacing="0" width="100%">
                                    	<tr>
                                        	<td valign="top">
                                            
                                            	<div style="height:20px; width:auto; margin-top:0px; padding-top:10px; padding-left:20px; background-color:#0F1D40; color:white">
                                                	ict2.natawebs.com
                                                </div>
                                            </td>
                                            
											<!-- *|END:IF|* -->
                                        </tr>
                                    </table>
                               	<!-- // End Module: Standard Preheader \ -->
                                
                               <table border="0" cellpadding="0" cellspacing="0" bgcolor="#0F1D40">
                                <tr>
                                <td align="center"><table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer">
                                  <tr>
                                    <td align="left" valign="top" id="ubcLogo" bgcolor="white">
                                      
									  </td>
                                  </tr>
                                  <tr>
                                    <td align="center" valign="top"><table border="0" cellpadding="15" cellspacing="0" bgcolor="#ffffff">
                                      <tr>
                                        <td><!-- // Begin Template Header \\ -->
                                          <table border="0" cellpadding="0" cellspacing="0" width="530" id="templateHeader">
                                            <tr>
                                              <td class="headerContent"><!-- // Begin Module: Standard Unit Header \\ -->
                                               
                                                <table border="0" cellpadding="0" cellspacing="0" width="530" class="introContent">
                                                  <tr>
                                                    
                                                    <!-- // Begin Module: Standard Intro Image \\ -->
                                                      <img src="http://ict2.natawebs.com/images/background1.jpg" width="530" height="250" border="0" alt="">
                                                     
                                                      <!-- // End Module: Standard Intro Image \\ --></td>
                                                  
                                                </table>
                                                <!-- // End Module: Standard Unit Header \\ --></td>
                                            </tr>
                                          </table>
                                          <!-- // End Template Header \\ -->
                                          <!-- // Begin Template Body \\ -->
                                          <table border="0" cellpadding="0" cellspacing="0" width="500" id="templateBody">
                                            <tr>
                                              <td valign="top" class="bodyContent"><!-- // Begin Module: Standard Content \\ -->
                                                <table border="0" cellpadding="14" cellspacing="0" width="530" bgcolor="#E0E0E0">
                                                  <tr>
                                                    <td valign="top"><table border="0" cellpadding="10" cellspacing="0" style="background-color:#ffffff">
                                                      <tr>
                                                        <td valign="top" bgcolor="#ffffff"><div mc:edit="std_content00" class="bodyContentMain1">
 <?php
include('database.php');
$query ="select * from users where user_id='$_SESSION[user_id]'";
$result = $mysqli->query($query) or die($mysqli->error.__LINE__);
if($result->num_rows == 1) {
		while($row = $result->fetch_array()) {
?>	                                                         
                                                          <h2 class="h2">WELCOME <?php  echo $row[first_name]." ".$row[last_name]; ?></h2>
                                                          
 <?php } } ?>                                                         
                                                          <br>
                                                          <p><Strong>Congratulation</strong>, your account has been activated, now you can do login and try to make use all features.</p>
														<p>Thanks for registration in KIDS WEBSITE</p>
                                                   
                                                        </div></td>
                                                      </tr>
                                                    </table></td>
                                                  </tr>
                                                </table>
                                                <!-- // End Module: Standard Content \\ -->
                                                <table border="0" cellspacing="10" cellpadding="10" width="100%" bgcolor="#E0E0E0">
                                                  <tr>
                                                    <td width="50%">
                                                    <table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="137">
<!-- fwtable fwsrc="Social media.png" fwpage="Page 1" fwbase="Social media.jpg" fwstyle="Dreamweaver" fwdocid = "1975687440" fwnested="0" -->


  <tr>
   <td><a href="http://www.facebook.com/"><img name="Socialmedia_r1_c1" src="http://www.ubc.ca/_assets/img/newsletter/fb.jpg" width="24" height="24" id="Socialmedia_r1_c1" alt="facebook"></a></td>
   <td><img name="Socialmedia_r1_c2" src="http://www.ubc.ca/_assets/img/newsletter/spacer.gif" width="5" height="24" id="Socialmedia_r1_c2" alt=""></td>
   <td><a href="http://twitter.com/"><img name="Socialmedia_r1_c3" src="http://www.ubc.ca/_assets/img/newsletter/tw.jpg" width="24" height="24" id="Socialmedia_r1_c3" alt="twitter"></a></td>
   <td><img name="Socialmedia_r1_c4" src="http://www.ubc.ca/_assets/img/newsletter/spacer.gif" width="4" height="24" id="Socialmedia_r1_c4" alt=""></td>
   <td><a href="http://www.linkedin.com/"><img name="Socialmedia_r1_c5" src="http://www.ubc.ca/_assets/img/newsletter/ln.jpg" width="24" height="24" id="Socialmedia_r1_c5" alt="linkedin"></a></td>
   <td><img name="Socialmedia_r1_c6" src="http://www.ubc.ca/_assets/img/newsletter/spacer.gif" width="4" height="24" id="Socialmedia_r1_c6" alt=""></td>
   <td><a href="http://plus.google.com/"><img name="Socialmedia_r1_c7" src="http://www.ubc.ca/_assets/img/newsletter/gp.jpg" width="24" height="24" id="Socialmedia_r1_c7" alt="google"></a></td>
   <td><img name="Socialmedia_r1_c8" src="http://www.ubc.ca/_assets/img/newsletter/spacer.gif" width="4" height="24" id="Socialmedia_r1_c8" alt=""></td>
   <td><a href="http://www.youtube.com/"><img name="Socialmedia_r1_c9" src="http://www.ubc.ca/_assets/img/newsletter/ut.jpg" width="24" height="24" id="Socialmedia_r1_c9" alt="youtube"></a></td>
   <td><img src="http://www.ubc.ca/_assets/img/newsletter/spacer.gif" width="1" height="24" alt=""></td>
  </tr>
</table>
                                                      </td>
                                                    <td width="50%" class="footerContent"><div id="unitFooterContactInfo" mc:edit=""></div></td>
                                                  </tr>
                                                </table>
                                                
                                                </td>
                                            </tr>
                                          </table>
                                          <!-- // End Template Body \\ --></td>
                                      </tr>
                                    </table></td>
                                  </tr>
                                </table>
                                  <!-- // Begin UBC Footer \\ -->
                               	      <table border="0" cellpadding="0" cellspacing="0" width="600" style="background-color:#0F1D40">
                               	        <tr>
                               	          <td valign="top" align="center">
                                          
                                          <!-- // Begin Module: Standard Footer \\ -->
                               	            <table border="0" cellpadding="15" cellspacing="0" width="560" id="ubcFooter">
                               	              <tr>
                               	                <td valign="top" width="300">
                                                <div mc:edit="std_footer"> <a href="http://www.ubc.ca/site/legal.html" target="_blank" style="color:#ffffff;text-decoration:none; font-size:10px">&copy; Natawebs.com</a> </div></td>
                               	                <td valign="top" id="monkeyRewards" align="right" style="text-align: right;">
                                                </tr>
                           	                </table>
                               	            <!-- // End Module: Standard Footer \\ --></td>
                           	            </tr>
                           	          </table>
                                      
                                      </td>
                           	            </tr>
                           	          </table>
                               	      <!-- // End UBC Footer \\ -->
                                </td>
                            </tr>
                        </table>
                        <!-- // End Template Preheader \\ -->
                      
                    
                      <br>
                    </td>
                </tr>
            </table>
        </center>
    </body>
</html>
